{% extends "demo/base.html" %}
    {% block main %}
    <div class="container" role="main">
        <div class="panel">

        </div>
      <!-- Main jumbotron for a primary marketing message or call to action -->
        <div class="row">
            <div class="col-xs-12 col-sm-12">
                        <a href="#" class="thumbnail" style="float: left">
            <img src="{{ novel_obj.img_url }}" style="height: 240px; width: 180px; display: block;" data-holder-rendered="true" />
        </a>
        <p><br/>
                书名:<a href="{{ novel_obj.url }}" target="_blank">{{ novel_obj.name }}</a><br/><br/>
                分类:{{ novel_obj.novel_category }}<br/>
                作者:{{ novel_obj.author }}<br/>
                {% if novel_obj.lasted_chapter %}
                最新章节:<a href="{% url 'novel_chapter' %}?id={{novel_obj.lasted_chapter.id}}">{{ novel_obj.lasted_chapter.name }}</a><br/>
                {% else %}
                最新章节:暂无 <br/>
                {% endif %}
            简介:{{ novel_obj.desc }}<br/>
            <a href="{% url 'get_novel' %}?nurl={{ novel_obj.url }}"><button type="button" class="btn btn-default">点击更新</button></a>
        </p>

            </div>
            {% for c in chapter_objs %}
            <div class="col-xs-4 col-sm-3">
                <a href="{% url 'novel_chapter' %}?id={{c.id}}">{{c.name}}</a><br/><br/>
            </div>
            {% endfor %}
</div>

    </div> <!-- /container -->
    {% endblock main %}